<template>
  <div id="map">
    <div class="btn">
       <router-link  to="" class="loginbtn" @click.native="func">登录</router-link>
      <input type="button" value="会员注册" class="new" @click="newye" />
    </div>
    <div class="tishi">提示: 未注册用户将直接注册成为礼拜五用户</div>
    <div class="footer">
      <div>用合作网站登录</div>
      <div class="footerimg">
        <img src="../assets/images/wx.png" alt />
        <img src="../assets/images/qq.png" alt />
      </div>
    </div>
  </div>
</template>
<script>
export default {
 
    

    methods:{
       newye(){
           this.$emit("newset")
       },
       func(){
         this.$emit("loginset")
       }
    }
};
</script>
<style  scoped>
#map {
  width: 100%;
}
.btn {
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.btn input {
  width: 35%;
  height: 35px;
  background: #f08200;
  float: left;
  border: none;
  color: #fff;
  font-size: 14px;
  margin-top:10px;
}

.btn .new {
  width: 40%;
  float: right;
  background: #498e3d;
}
.loginbtn{
  display: inline-block;
  width: 35%;
  height: 35px;
  background: #f08200;
  text-align: center;
  line-height: 35px;
  text-decoration: none;
  border: none;
  color: #fff;
  margin-top:10px;
}
.tishi {
  width: 100%;
  float: left;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  color: #d0d0d0;
}
.footer {
  width: 100%;
  margin-top: 10px;
  text-align: center;
  
}
.footer img {
  width: 35px;
  margin-right: 10px;
  margin-top: 10px;
}
</style>